<template>
   <div class="page page-wh100-safety">
      <div class="page-module-list">
        <div class="module-list__item margin-top-lg" @click="onRouter('/component/listview')">
          <div class="module-list__icon">
            <van-icon class="module-icon__icon" name="star"/>
          </div>
          <div class="module-list__cont">
            <div class="title">基础组件</div>
            <div class="dist">包含拖拽、悬浮按钮、数字键盘等</div>
          </div>
          <div class="module-list__arrow">
            <van-icon class="module-arrow__icon" name="arrow"/>
          </div>
        </div>

        <div class="module-list__item margin-top-lg" @click="onRouter('/component/icon_list')">
          <div class="module-list__icon">
            <van-icon class="module-icon__icon" name="star"/>
          </div>
          <div class="module-list__cont">
            <div class="title">字体图标</div>
            <div class="dist">包含300个内置图标</div>
          </div>
          <div class="module-list__arrow">
            <van-icon class="module-arrow__icon" name="arrow"/>
          </div>
        </div>

      </div>

   </div>
</template>

<script type="es6">
   export default {
      name: "",
      components: {},
      data() {
         return {};
      },
      mounted() {
      },
      methods: {
         onRouter(path){
            this.$router.push(path);
         }
      }
   }
</script>

<style lang="scss" scoped>

</style>